<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no"/>
    <title>河北慧居生活</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.0/js/bootstrap.min.js"></script>
    <style>
        /*-----css Reset end-----*/
        body,h1,h2,h3,h4,h5,h6,p,ul,ol,form{
            margin:0;
            padding:0px;
        }
        html{
            /*                display: none;*/
        }
        body{
            font-size: 14px;
        }
        .nav img{
            width: 100%;
        }
    </style>
</head>
<body>
<div id="container" class="container">

    <div style="text-align:center;margin-top:15%;">
        <div class="col-xs-6" id="bindStatus" style="font-size: 22px;">绑定成功</div>
    </div>

    <div style="margin-top:20%;text-align:center;"><img src="img/gh_f4c31706bb29_258.jpg"/></div>
</div>


<script>
    // 最好把这段代码放到head，可以更快的适配
    (function(win) {
        var doc = win.document,
            scale = 16,
            $body = doc.getElementsByTagName('body')[0],
            $html = doc.getElementsByTagName('html')[0],
            windowWidth = doc.documentElement && doc.documentElement.clientWidth || doc.body && doc.body.clientWidth || win.innerWidth,
            windowHeight = doc.documentElement && doc.documentElement.clientHeight || doc.body && doc.body.clientHeight || window.innerHeight,
            deviceAgent = navigator.userAgent.toLowerCase();
        if ( deviceAgent.match( /(iphone|ipod|ipad|android|windows\s*phone|symbianos)/ ) ) {
            scale = parseFloat(windowWidth * 16 / (16*3.2));
            if (deviceAgent.match(/android\s*2.3/) && deviceAgent.match(/micromessenger/)) {
                scale = 16;
            }
            $html.style.fontSize = scale + 'px';
            $html.style.display = 'block';
        } else {
            window.onresize = function(){
                windowWidth = doc.documentElement && doc.documentElement.clientWidth || doc.body.clientWidth || win.innerWidth;
                scale = parseFloat(windowWidth * 16 / (16*3.2));
                $html.style.fontSize = scale + 'px';
            };
            scale = parseFloat(windowWidth * 16 / (16*3.2));
            if(scale > 150){
                scale = 150;
            }
            $html.style.fontSize = scale + 'px';
            $html.style.display = 'block';
        }
        $body.style.width = '3.2rem';
        $body.style.margin = '0px auto';

        var status = getUrlVars()["status"];
        if(status=="0"){
            document.getElementById("bindStatus").innerHTML = "绑定成功";
        }else if(status == "1"){
            document.getElementById("bindStatus").innerHTML = "用户已绑定";
        }else {
            document.getElementById("bindStatus").innerHTML = "绑定失败";
        }


    })(window);


    // Read a page's GET URL variables and return them as an associative array.
    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }
</script>
</body>
</html>

